@import './iconfont.css';
@import './style/flex.scss';
@import './style/text.scss';
@import './style/color.scss';
@import './style/border.scss';
body,
page,
.container {
	background-color: #f1f1f1;
	color: #333;
	font-family: Alimama Agile VF, Helvetica, sans-serif !important;
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
}

/* ==================
          按钮
 ==================== */

.cu-btn {
	position: relative;
	border: 0upx;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 0 30upx;
	font-size: 28upx;
	height: 64upx;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	overflow: visible;
	margin-left: initial;
	transform: translate(0upx, 0upx);
	margin-right: initial;
}

.cu-btn::after {
	display: none;
}

.cu-btn[class*='line'] {
	background-color: transparent;
}

.cu-btn[class*='line']::after {
	content: ' ';
	display: block;
	width: 200%;
	height: 200%;
	position: absolute;
	top: 0;
	left: 0;
	border: 1upx solid currentColor;
	transform: scale(0.5);
	transform-origin: 0 0;
	box-sizing: border-box;
	border-radius: 12upx;
	z-index: 1;
	pointer-events: none;
}

.cu-btn.round[class*='line']::after {
	border-radius: 1000upx;
}

.cu-btn[class*='lines']::after {
	border: 6upx solid currentColor;
}

.cu-btn[class*='bg-']::after {
	display: none;
}

.cu-btn.sm {
	padding: 0 20upx;
	font-size: 20upx;
	height: 48upx;
}

.cu-btn.lg {
	padding: 0 40upx;
	font-size: 32upx;
	height: 80upx;
}

.cu-btn.cuIcon.sm {
	width: 48upx;
	height: 48upx;
}

.cu-btn.cuIcon {
	width: 64upx;
	height: 64upx;
	border-radius: 500upx;
	padding: 0;
}

button.cuIcon.lg {
	width: 80upx;
	height: 80upx;
}

.cu-btn.shadow-blur::before {
	top: 4upx;
	left: 4upx;
	filter: blur(6upx);
	opacity: 0.6;
}

.cu-btn.button-hover {
	transform: translate(1upx, 1upx);
}

.block {
	display: block;
}

.cu-btn.block {
	display: flex;
}

.cu-btn[disabled] {
	opacity: 0.6;
	color: #ffffff;
}

/* ==================
         导航栏
 ==================== */

.nav {
	white-space: nowrap;
}

::-webkit-scrollbar {
	display: none;
}

.nav .cu-item {
	height: 90upx;
	display: inline-block;
	line-height: 90upx;
	margin: 0 10upx;
	padding: 0 20upx;
}

.nav .cu-item.cur {
	border-bottom: 4upx solid;
}

/* ===============================
     uniapp 折叠面板组件样式重写
 ================================= */
.uni-collapse-item__title-text {
	font-size: $text-lg !important;
}
.uni-collapse-item__wrap-content {
	font-size: $text-df !important;
}
/* ===============================
     uniapp 自定义导航栏样式重写
 ================================= */
.uni-navbar__header {
	font-size: $text-df !important;
}
/* ===============================
     uniapp 表单选择框高度 样式重写
 ================================= */
.uni-forms-item__content {
	.uni-data-checklist {
		margin-top: 4px !important;
	}
}
/* ===============================
     uniapp 表单预览
 ================================= */
.text-view {
	display: flex;
	align-items: center;
	height: 100%;
	color: #000;
	font-size: $text-df;
	.text {
		flex: 1;
	}
	.action {
		width: 40px;
		color: $uni-primary;
		text-align: right;
		margin-left: 5px;
	}
}

.item-label {
	width: 80px;
	font-weight: 600;
	flex-shrink: 0;
}
.item-value {
	flex: 1;
}
